<div class="control-group clearfix vertical2 what">

    <label>What?</label>

    <div class="controls clearfix">    

        <div class="pull-left"> 

            <input type="radio" checked="checked" value="private" name="acc_type" >
            <span>Private accommodation</span>
            <br>
            <input type="radio" value="private" name="acc_type" >
            <span>Authentic accomm.</span>

        </div>

        <div class="pull-left"> 

            <input type="radio" value="hotel" name="acc_type" >
            <span>Hotels</span>
            <br>
            <input type="radio" value="hotel" name="acc_type" >
            <span>Hostels</span>

        </div>


    </div>

</div><!-- / accommodation type-->

<div class="control-group clearfix where">

    <label>Where?</label>

    <div class="controls clearfix">    

        <input type="text" class="" value="Destination or Region..." name="dest_hot" id="dest_hot">

    </div>

</div><!-- / destinations-->

<div class="control-group clearfix vertical2 when_cor">

    <label>When?</label>

    <div class="controls clearfix"> 

        <div class="pull-left">    

            <input type="text" value="" name="check_in" id="check_in" class="checkinout">

        </div>

        <div class="pull-left">  

            <input type="text" value="" name="check_out" id="check_out" class="checkinout">

        </div>

    </div>

</div><!-- / dates-->

<div class="control-group clearfix vertical2 persons personaccomm">

    <label>Persons?</label>

    <div class="controls clearfix">   

        <select name="nr_adults" id="nr_adults" class="input-small pull-left">
            <option>1</option>
            <option selected="selected">2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>
        </select>
        <span class="help-block pull-left">(excl. infant 0-2)</span>                 

    </div>

</div><!-- / personaccomm-->

<div class="control-group clearfix vertical2 persons personhotel" style="display: none">

    <label>Persons?</label>

    <div class="controls clearfix">   

        <div class="pull-left"> 

            <select name="nr_adults" id="nr_adults" class="input-small pull-left">
                <option>1</option>
                <option selected="selected">2</option>
                <option>3</option>
                <option>4</option>
                <option>5</option>
            </select>
            <br>
            <span class="help-block pull-left">(adults)</span>
        </div>

        <div class="pull-left"> 

            <select name="nr_childrens" id="nr_childrens" class="input-small pull-left">
                <option>0</option>
                <option>1</option>
                <option>2</option>
                <option>3</option>
                <option>4</option>
                <option>5</option>
            </select>
            <br>
            <span class="help-block pull-left">(infants)</span>

        </div>
    </div>

</div><!-- / personhotel-->

<div style="display: none" class="control-group clearfix ages">

    <label>Ages?</label>

    <div class="controls  clearfix">   

        <div class="pull-left age-1"><input type="text" value="" class="positive-integer input-mini" name="ages[]"></div>
        <div class="pull-left age-2"><input type="text" value="" class="positive-integer input-mini" name="ages[]"></div>
        <div class="pull-left age-3"><input type="text" value="" class="positive-integer input-mini" name="ages[]"></div>
        <div class="pull-left age-4"><input type="text" value="" class="positive-integer input-mini" name="ages[]"></div>
        <div class="pull-left age-5"><input type="text" value="" class="positive-integer input-mini" name="ages[]"></div>

        <span class="help-block pull-left">(Infant ages)</span>
    </div>

</div><!-- / ages-->

<div class="form-actions">
    <button class="button" type="submit"><span>Search</span></button>
</div><!-- / actions-->